﻿<!DOCTYPE html>
<html>

<head>

  <title>二手房交易系统 - Real Estate HTML Template</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="utf-8">

  <!-- External CSS libraries -->
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/animate.min.css">
  <link rel="stylesheet" type="text/css" href="css/bootstrap-submenu.css">

  <link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css">
  <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
  <link rel="stylesheet" href="css/leaflet.css" type="text/css">
  <link rel="stylesheet" href="css/map.css" type="text/css">
  <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="fonts/flaticon/font/flaticon.css">
  <link rel="stylesheet" type="text/css" href="fonts/linearicons/style.css">
  <link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css">
  <link rel="stylesheet" type="text/css" href="css/dropzone.css">
  <link rel="stylesheet" type="text/css" href="css/slick.css">

  <!-- Custom stylesheet -->
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" type="text/css" id="style_sheet" href="css/skins/default.css">

  <!-- Favicon icon -->


  <!-- Google fonts -->
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,300,700">

  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <link rel="stylesheet" type="text/css" href="css/ie10-viewport-bug-workaround.css">

  <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  <!--[if lt IE 9]><script  src="js/ie8-responsive-file-warning.js"></script><![endif]-->
  <script src="js/ie-emulation-modes-warning.js"></script>

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script  src="js/html5shiv.min.js"></script>
    <script  src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PTNPV7L" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <div class="page_loader"></div>

  <!-- Main header start -->
  <header class="main-header header-transparent sticky-header">
    <div class="container">
      <nav class="navbar navbar-expand-lg navbar-light">
        <a class="navbar-brand logo" href="index.html">
          <img src="img/logos/black-logo.png" alt="logo">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a href="index.html" class="nav-link link-color"><i class=""></i> 首页 </a>
            </li>
            <li class="nav-item">
              <a href="properties.html" class="nav-link link-color"><i class=""></i> 看房 </a>
            </li>
            <li class="nav-item">
              <a href="agents.html" class="nav-link link-color"><i class=""></i> 交易员 </a>
            </li>
            <li class="nav-item">
              <a href="properties.html" class="nav-link link-color"><i class=""></i> 个人中心 </a>
            </li>
            <li class="nav-item sp">
              <a href="submit-property.html" class="nav-link link-color"><i class="fa fa-plus"></i> 提交房产 </a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </header>
  <!-- Main header end -->

  <!-- Sub banner start -->
  <div class="sub-banner overview-bgi">
    <div class="container">
      <div class="breadcrumb-area">
        <h1>Agent Detail</h1>
        <ul class="breadcrumbs">
          <li><a href="index.html">Home</a></li>
          <li class="active">Agent Detail</li>
        </ul>
      </div>
    </div>
  </div>
  <!-- Sub Banner end -->

  <!-- Agent page start -->
  <div class="agent-page content-area">
    <div class="container">
      <!-- Heading -->
      <h1 class="heading-2">Agent Details</h1>
      <div class="row">
        <div class="col-lg-8">
          <div class="row team-2">
            <div class="col-xl-5 col-lg-6 col-md-12 col-sm-12 col-pad ">
              <div class="photo">
                <img src="img/avatar/avatar-9.jpg" alt="avatar-9" class="img-fluid">
              </div>
            </div>
            <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-pad align-self-center bg">
              <div class="detail">
                <h4>
                  <a href="agent-detail.html">Eliane Pereira</a>
                </h4>
                <h5>Creative Director</h5>
                <div class="contact">
                  <ul>
                    <li>
                      <i class="flaticon-pin"></i><a>44 New Design Street,</a>
                    </li>
                    <li>
                      <i class="flaticon-mail"></i><a href="mailto:info@themevessel.com">info@themevessel.com</a>
                    </li>
                    <li>
                      <i class="flaticon-phone"></i><a href=""> +55 4XX-634-7071</a>
                    </li>
                    <li>
                      <i class="flaticon-fax"></i><a href="#"> +0477 85X6 552</a>
                    </li>
                    <li>
                      <i class="fa fa-skype"></i><a href=""> john.antony</a>
                    </li>
                  </ul>
                </div>

                <ul class="social-list clearfix">
                  <li><a href="#" class="facebook-bg"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" class="twitter-bg"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" class="google-bg"><i class="fa fa-google-plus"></i></a></li>
                  <li><a href="#" class="linkedin-bg"><i class="fa fa-linkedin"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="agent-biography">
            <h3 class="heading-2">Biography</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus
              lobortis pulvinar. Donec a consectetur nulla. Nulla posuere sapien vitae lectus suscipit, et pulvinar nisi
              tincidunt. Aliquam erat volutpat. Curabitur convallis fringilla diam sed aliquam. Sed tempor iaculis massa
              faucibus feugiat. In fermentum facilisis massa, a consequat purus viverra a.</p>
            <p>Ut euismod ultricies sollicitudin. Curabitur sed dapibus nulla. Nulla eget iaculis lectus. Mauris ac
              maximus neque. Nam in mauris quis libero sodales eleifend. Morbi varius, nulla sit amet rutrum elementum
            </p>
            <p>Vestibulum vel mauris et odio lobortis laoreet eget eu magna. Proin mauris erat, luctus at nulla ut,
              lobortis mattis magna. Morbi a arcu lacus. Maecenas tristique velit vitae nisi consectetur, in mattis diam
              sodales. Mauris sagittis sem mattis justo bibendum, a eleifend dolor facilisis. Mauris nec pharetra
              tortor, ac aliquam felis. Nunc pretium erat sed quam consectetur fringilla. Aliquam ultricies nunc porta
              metus interdum mollis. Donec porttitor libero augue, vehicula tincidunt lectus placerat a. Sed tincidunt
              dolor non sem dictum dignissim. Nulla vulputate orci felis, ac ornare purus ultricies a. Fusce euismod
              magna orci, sit amet aliquam turpis dignissim ac. </p>
            <br>
          </div>
          <h3 class="heading-2">精选好房</h3>
          <div class="row">
            <div class="col-lg-6 col-md-6">
              <div class="property-box">
                <div class="property-thumbnail">
                  <a href="properties-details.html" class="property-img">
                    <div class="listing-badges">
                      <span class="featured">精选</span>
                    </div>
                    <div class="price-box">$850/Month</div>
                    <img class="d-block w-100" src="img/properties/properties-1.jpg" alt="properties">
                  </a>
                </div>
                <div class="detail">
                  <h1 class="title">
                    <a href="properties-details.html">Modern Family Home</a>
                  </h1>

                  <div class="location">
                    <a href="properties-details.html">
                      <i class="flaticon-pin"></i>山东大学 乐水居 123号
                    </a>
                  </div>
                </div>
                <ul class="facilities-list clearfix">
                  <li>
                    <span>Area</span>3600 Sqft
                  </li>
                  <li>
                    <span>卧室</span> 3
                  </li>
                  <li>
                    <span>Baths</span> 2
                  </li>
                  <li>
                    <span>车库</span> 1
                  </li>
                </ul>
                <div class="footer">
                  <a href="#">
                    <i class="flaticon-people"></i> Jhon Doe
                  </a>
                  <span>
                    <i class="flaticon-calendar"></i>5 Days ago
                  </span>
                </div>
              </div>
            </div>
            <div class="col-lg-6 col-md-6">
              <div class="property-box">
                <div class="property-thumbnail">
                  <a href="properties-details.html" class="property-img">
                    <div class="listing-badges">
                      <span class="featured">精选</span>
                    </div>
                    <div class="price-box">$850/Month</div>
                    <img class="d-block w-100" src="img/properties/properties-2.jpg" alt="properties">
                  </a>
                </div>
                <div class="detail">
                  <h1 class="title">
                    <a href="properties-details.html">Relaxing Apartment</a>
                  </h1>

                  <div class="location">
                    <a href="properties-details.html">
                      <i class="flaticon-pin"></i>山东大学 乐水居 123号
                    </a>
                  </div>
                </div>
                <ul class="facilities-list clearfix">
                  <li>
                    <span>Area</span>3600 Sqft
                  </li>
                  <li>
                    <span>卧室</span> 3
                  </li>
                  <li>
                    <span>Baths</span> 2
                  </li>
                  <li>
                    <span>车库</span> 1
                  </li>
                </ul>
                <div class="footer">
                  <a href="#">
                    <i class="flaticon-people"></i> Jhon Doe
                  </a>
                  <span>
                    <i class="flaticon-calendar"></i>5 Days ago
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="sidebar-right">
            <!-- Contact 2 start -->
            <div class="contact-2 widget">
              <h3 class="sidebar-title">Contact Agent</h3>
              <div class="s-border"></div>
              <form action="#" method="GET" enctype="multipart/form-data">
                <div class="rowo">
                  <div class="form-group name">
                    <input type="text" name="name" class="form-control" placeholder="Name">
                  </div>
                  <div class="form-group email">
                    <input type="email" name="email" class="form-control" placeholder="Email">
                  </div>
                  <div class="form-group number">
                    <input type="text" name="phone" class="form-control" placeholder="Phone">
                  </div>
                  <div class="form-group message">
                    <textarea class="form-control" name="message" placeholder="Write message"></textarea>
                  </div>
                  <div class="send-btn">
                    <button type="submit" class="btn btn-md button-theme btn-block">Send Message</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Agent page end -->

  <!-- Footer start -->
  <footer class="footer">
    <div class="container footer-inner">
      <div class="row">
        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">
          <div class="footer-item clearfix">
            <img src="img/logos/logo.png" alt="logo" class="f-logo">
            <div class="text">
              <p>孟祥龙，赵子汉，李港</p>
            </div>
          </div>
        </div>
        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
          <div class="footer-item">
            <h4>联系我们</h4>
            <div class="f-border"></div>
            <ul class="contact-info">
              <li>
                <i class="flaticon-pin"></i>20/F Green Road, Dhanmondi, Dhaka
              </li>
              <li>
                <i class="flaticon-mail"></i><a href="mailto:sales@hotelempire.com">info@themevessel.com</a>
              </li>
              <li>
                <i class="flaticon-phone"></i><a href="">+0477 85X6 552</a>
              </li>
              <li>
                <i class="flaticon-fax"></i>+0477 85X6 552
              </li>
            </ul>
          </div>
        </div>
        <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6">
          <div class="footer-item">
            <h4>
              快速链接
            </h4>
            <div class="f-border"></div>
            <ul class="links">
              <li>
                <a href="#">Home</a>
              </li>
              <li>
                <a href="about.html">About Us</a>
              </li>
              <li>
                <a href="services.html">Services</a>
              </li>
              <li>
                <a href="contact.html">联系我们</a>
              </li>
              <li>
                <a href="sellerpage/dashboard.html">Dashboard</a>
              </li>
              <li>
                <a href="properties-details.html">Properties Details</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
          <div class="footer-item clearfix">
            <h4>订阅</h4>
            <div class="f-border"></div>
            <div class="订阅-box">
              <p>感谢订阅！</p>
              <form class="form-inline" action="#" method="GET">
                <input type="text" class="form-control mb-sm-0" id="inlineFormInputName3" placeholder="Email Address">
                <button type="submit" class="btn"><i class="fa fa-paper-plane"></i></button>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Footer end -->

  <!-- Sub footer start -->
  <div class="sub-footer">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-8">
          <p class="copy">© 2019 <a>MZL Team</a> 版权没有 翻版不究</p>
        </div>
        <div class="col-lg-4 col-md-4">
          <ul class="social-list clearfix">
            <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#" class="google"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#" class="rss"><i class="fa fa-rss"></i></a></li>
            <li><a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Sub footer end -->

  <!-- Full Page Search -->
  <div id="full-page-search">
    <button type="button" class="close">×</button>
    <form action="index.html#">
      <input type="search" value="" placeholder="type keyword(s) here" />
      <button type="submit" class="btn btn-sm button-theme">Search</button>
    </form>
  </div>

  <script src="js/jquery-2.2.0.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/bootstrap-submenu.js"></script>
  <script src="js/rangeslider.js"></script>
  <script src="js/jquery.mb.YTPlayer.js"></script>
  <script src="js/bootstrap-select.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.scrollUp.js"></script>
  <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
  <script src="js/leaflet.js"></script>
  <script src="js/leaflet-providers.js"></script>
  <script src="js/leaflet.markercluster.js"></script>
  <script src="js/dropzone.js"></script>
  <script src="js/slick.min.js"></script>
  <script src="js/jquery.filterizr.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/jquery.countdown.js"></script>
  <script src="js/maps.js"></script>
  <script src="js/app.js"></script>

  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script src="js/ie10-viewport-bug-workaround.js"></script>
  <!-- Custom javascript -->
  <script src="js/ie10-viewport-bug-workaround.js"></script>
</body>

</html>